footer.footer {
  margin-bottom: 60px;
  overflow: hidden;

  .footer-body {
    display: flex;
  }

  .email-list {
    position: relative;
    margin-right: 15px;
    padding: 20px 10px 20px 0;

    a {
      color: $color-brown;
    }

    &:before {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      width: 100vw;
      height: 0;
      border-bottom: 3px solid $color-brown;
    }
  }

  .copyright {
    display: flex;
    position: relative;
    padding: 20px 0px 20px 10px;

    .date {
      color: #fff;
    }

    .icp {
      color: #333;
      margin-left: 10px;
    }

    &:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100vw;
      height: 0;
      border-bottom: 3px solid #fff;
    }
  }
}

@media (max-width: 750px) {
  footer.footer {
    display: none;
    word-wrap: break-word;

    .copyright {
      flex-direction: column;

      .icp {
        margin-left: 0;
      }
    }
  }
}
